<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="row ibox" style="background: #fff;padding: 20px 0;clear: both">
				<div class="pull-left col-sm-3">
					用户姓名： <span class="name"></span>
				</div>
				<div class="pull-left col-sm-3">
					联系电话： <span class="phone"></span>
				</div>
				<div class="pull-left col-sm-3">
					收货地址： <span class="address"></span>
				</div>
				<div class="pull-left col-sm-3">
					下单时间： <span class="ordertime"></span>
				</div>
				<div class="pull-left col-sm-3">
					开票单位： <span class="orgName"></span>
				</div>
				<div class="pull-left col-sm-3">
					税号： <span class="taxIdNumber"></span>
				</div>
			</div>
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns pull-left">
							<input type="hidden" id="id" th:value="${id}">
							<button shiro:hasPermission="jzweb:reserveUserOrderDetails:add" type="button" class="btn  btn-primary" onclick="add()">
								<i class="fa fa-plus" aria-hidden="true"></i>添加
							</button>
							<button shiro:hasPermission="jzweb:reserveUserOrderDetails:batchRemove" type="button" class="btn  btn-danger"
								onclick="batchRemove()">
								<i class="fa fa-trash" aria-hidden="true"></i>删除
							</button>
						</div>
<!--						<div class="columns pull-right">-->
<!--							<button class="btn btn-success" onclick="reLoad()">查询</button>-->
<!--						</div>-->
<!--						<div class="columns pull-right col-md-1 nopadding">-->
<!--							<input id="searchName" type="text" class="form-control"-->
<!--								   placeholder="请输入名称">-->
<!--						</div>-->
<!--						<div class="columns pull-right col-md-1 nopadding">-->
<!--							<select id="searchState" name="searchState" class="form-control" >-->
<!--								<option value="">请选择</option>-->
<!--								<option value="0">待审核</option>-->
<!--								<option value="1">已通过/待缴费</option>-->
<!--								<option value="2">未通过</option>-->
<!--								<option value="3">已缴费</option>-->
<!--								<option value="9">已删除</option>-->
<!--							</select>-->
<!--						</div>-->
					</div>
					<table id="exampleTable" data-mobile-responsive="true">
					</table>
				</div>
			</div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 -->
		<div>
			<script type="text/javascript">
				var s_edit_h;
				var s_remove_h;
				var s_resetPwd_h;
			</script>
		</div>
<!--		<div shiro:hasPermission="jzweb:reserveUserOrderDetails:edit">-->
<!--			<script type="text/javascript">-->
<!--				s_edit_h = '';-->
<!--			</script>-->
<!--		</div>-->
<!--		<div shiro:hasPermission="jzweb:reserveUserOrderDetails:remove">-->
<!--			<script type="text/javascript">-->
<!--				var s_remove_h = '';-->
<!--			</script>-->
<!--		</div>-->
<!--		<div shiro:hasPermission="jzweb:reserveUserOrderDetails:resetPwd">-->
<!--			<script type="text/javascript">-->
<!--				var s_resetPwd_h = '';-->
<!--			</script>-->
<!--		</div>-->
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/webJs/jzweb/reserveUserOrderDetails/reserveUserOrderDetails.js"></script>
<script>
	$.ajax({
		type: "GET",
		url:"/jzweb/reserveUserOrder/selUserOrderById",
		data: {
			id:$('#id').val()
		},
		success: function (r) {
			console.log("r.data" , r.data);
			if (r.code == 0) {
				$('.name').html(r.data.receivingName)
				$('.phone').html(r.data.phone)
				$('.address').html(r.data.province + r.data.city + r.data.district + r.data.address)
				$('.ordertime').html(r.data.createTime)
				$('.orgName').html(r.data.orgName)
				$('.taxIdNumber').html(r.data.taxIdNumber)
			} else {
				layer.msg(r.msg);
			}
		}
	});
</script>
</body>
</html>